
<template>
  
    <div>
      <!-- <dv-full-screen-container> -->
      
        <dv-capsule-chart :config="config" style="width:450px;height:300px;margin: 60px auto;" />
      <div class="chart"></div>

      <!-- </dv-full-screen-container> -->
    </div>
  
</template>

<script>
import dataV from "@jiaminghi/data-view";

export default {
  // name: "MyComponent",
  components: {
    "data-view": dataV,
  },
  data() {
    return {
      config: {
        data: [
          {
            name: "山东",
            value: 55,
          },
          {
            name: "北京",
            value: 120,
          },
          {
            name: "上海",
            value: 78,
          },
          {
            name: "湖南",
            value: 66,
          },
          {
            name: "广东",
            value: 80,
          },
        ],
      }, // 在这里定义config属性
    };
  },
};
</script>

<style lang='less'>
div {
  h2 {
    font-size: 20px;
  }
}
</style>